<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="app">
			<com1 v-bind:parentmsg="msg"></com1>
		</div>
		<script type="text/javascript">
			new Vue({
				el:"#app",
				data:{
					msg:"父组件的数据唉"
				},
				components:{
					com1:{
						template:"<h1>数据啊--{{parentmsg}}</h1>",
						props:["parentmsg"],	//父组件的数据，在子组件中无法重新赋值
						data:function(){//可读可写，自己的数据
							return "数据"
						}
					}
				}
			});
		</script>
	</body>
</html>
